<template>
	<view class="nav">
		<up-row justify="space-between">
			<up-col span="3" @click="handleTo('/pages/home/components/archivesManagement/list')">
				<view class="iconfont-color icons">
					&#xe74e;
				</view>
				<view class="icon-title">人类图</view>
			</up-col>
			<up-col span="3" @click="handleTo('/pages/home/components/archivesManagement/duoList')">
				<view class="iconfont-color icons">
					&#xe754;
				</view>
				<view class="icon-title">双人合盘</view>
			</up-col>
			<up-col span="3" @click="handleTo('/pages/home/components/archivesManagement/multiuserList')">
				<view class="iconfont-color icons">
					&#xe747;
				</view>
				<view class="icon-title">多人合盘</view>
			</up-col>
			<up-col span="3">
				<view class="iconfont-color icons">
					&#xe767;
				</view>
				<view class="icon-title">梦图</view>
			</up-col>
		</up-row>
		<view class="mt-2"></view>
		<up-row justify="space-between">
			<up-col span="3">
				<view class="iconfont-color icons">
					&#xe765;
				</view>
				<view class="icon-title">MBTI</view>
			</up-col>
			<up-col span="3">
				<view class="iconfont-color icons">
					&#xe755;
				</view>
				<view class="icon-title">手相面相</view>
			</up-col>
			<up-col span="3" @click="handleTo('/pages/home/components/annualFortune/index')">
				<view class="iconfont-color icons">
					&#xe751;
				</view>
				<view class="icon-title">年度运势</view>
			</up-col>
			<up-col span="3">
				<view class="iconfont-color icons">
					&#xe760;
				</view>
				<view class="icon-title">专属报告</view>
			</up-col>
		</up-row>
	</view>
</template>

<script setup>
	
	const handleTo = (url)=>{
		uni.navigateTo({url})
	}
</script>

<style lang="scss" scoped>
	.nav {
		.icons {
			text-align: center;
			font-size: 60rpx;
		}

		.icon-title {
			text-align: center;
			font-size: 22rpx;
		}
	}
</style>